.pagination {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.pagination .pagination__m_31 {
  margin: 31px 0px;
}
.pagination .pagination__container {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: flex;
}
.pagination .pagination__right {
  justify-content: center;
}

.pagintion_box {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
}
.pagintion_box span {
  display: none;
  font-size: 1rem;
  line-height: 1rem;
  color: #30314F;
}
.pagintion_box ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.pagintion_box ul li {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0px 6px;
}
.pagintion_box ul li a {
  width: 25px;
  height: 25px;
  font-weight: 500;
  color: #30314F;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
}
.pagintion_box ul li a a:hover {
  color: white;
  background-color: #3c3d5c;
}
.pagintion_box ul .pagination__curr_page a {
  background-color: #EBEBEB;
  border: 1px solid #EBEBEB;
  color: black;
}

@media screen and (max-width: 600px) {
  .pagintion_box ul li {
    display: block;
    width: 25px;
    height: 18px;
    margin: 0px 4px;
  }
}
.navigation {
  margin: 25px 0px;
}
.navigation ul {
  display: flex;
  flex-wrap: wrap;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
  margin: 0;
  padding: 0;
}

.navigation ul ol{
  display: flex;
  flex-wrap: wrap;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
  align-items: center;
  margin: 0;
  padding: 0;
}

.navigation ul li {
  display: block;
  width: -moz-max-content;
  width: max-content;
  /* min-width: -moz-max-content; */
  /* min-width: max-content; */
  height: -moz-max-content;
  height: max-content;
  max-width: 100%;
  margin-right: 10px;
  color: #898989;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
}
.navigation ul li a {
  font-size: 13px;
  line-height: 1.2rem;
  color: #898989;
}
.navigation ul li a:hover {
  color: #3b3c57;
}
.navigation ul .navigation__curr_page {
  /* margin-bottom: -2px; */
}

.navigation .navigation_icon{
  /* font-size: 10px; */
}

.navigation ul .navigation__curr_page a {
  color: #30314F;
}

@media screen and (max-width: 1000px) {
  .navigation {
    padding: 5px 0 16px;
    margin: 0;
    /* border-bottom: 1px solid #9E9E9E; */
  }

    
  .navigation .navigation_icon{
    font-size: 10px;
    margin-bottom: -2px;
  }

}

@media screen and (max-width: 800px) {
  .navigation ul {
    width: 91.66666667%;
  }
}

@media screen and (max-width: 500px){
  .navigation ul li {
    margin-right: 5px;
    /* margin-top: 5px; */
  }
  .navigation ul .navigation_arrow{
    font-size: 10px;
    margin-top: 7px;
  }
}

.catalog_top__card_item {
  width: 239px;
  position: relative;
  height: 297px;
  border-radius: 15px;
  overflow: hidden;
  margin: 0px 12px;
  border: 1px solid #838383;
}
.catalog_top__card_item .card_item__img {
  width: 100%;
  height: 186px;
}
.catalog_top__card_item .card_item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog_top__card_item:first-child {
  margin: 0px 12px 0px 0px;
}
.catalog_top__card_item:last-child {
  margin: 0px 0px 0px 12px;
}

.card_item__bottom {
  width: 90%;
  margin: 8px auto 0px;
  display: flex;
}
.card_item__bottom_left {
  width: 100%;
}
.card_item__bottom_left h5 {
  font-size: 1rem;
  line-height: 1.2rem;
  width: 100%;
  margin: 0px;
}



.card_item__bottom_left .card_item__price_box {
  display: flex;
  align-items: center;
  margin: 8px 0px 2px;
}
.card_item__bottom_left .card_item__price_box .card_item__curr_price {
  font-size: 1.4rem;
  line-height: 1.5rem;
}
.card_item__bottom_left .card_item__price_box .card_item__old_price {
  margin-left: 10px;
  font-size: 1rem;
  line-height: 1rem;
}

.card_item__item-info {
  display: flex;
  align-items: center;
}
.card_item__item-info .card_item__review {
  height: -moz-max-content;
  height: max-content;
  margin-left: 15px;
}

.card_item__basket {
  width: 35px;
  height: 32px;
  background: #30314F;
  border-radius: 5px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin-left: auto;
  margin-top: -15px;
  cursor: pointer;
}

.card_item__checkbox {
  position: absolute;
  top: 9px;
  right: 11px;
  width: 30px;
  height: 28.81px;
}
.card_item__checkbox input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.card_item__favorites {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url("../../images/icons/heart.svg");
  background-size: contain;
}
@media screen and (max-width: 762px){
  .card_item__favorites{
    width: 25px;
    height: 25px;
  }
}
.card_item__favorites--active {
  background-image: url("../../images/icons/heart2.svg");
}

.card_item__discount {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 73px;
  height: 31px;
  background: #FFD02B;
  border-radius: 0px 20px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card_item__discount span {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: black;
}

.card_item__star {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
}
.card_item__star_box {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
}
.card_item__star::after {
  content: "★";
  color: rgb(141, 141, 141);
  font-size: 1.2rem;
}
.card_item__star-active::after {
  color: #FFD02B;
}

.pl_form {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.pl_form__small {
  margin-top: 19px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  font-weight: 400;
  color: #676767;
  font-size: 12px;
  line-height: 0;
}
.pl_form__small a {
  text-decoration: underline;
  color: #676767;
}

.input_group {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 12px;
  display: block;
}
.input_group input {
  width: 100%;
  height: 37px;
  background: #FFFFFF;
  border: 1px solid #A3A6A7;
  border-radius: 6px;
  font-size: 1rem;
  color: #797979;
}

.input_name {
  font-size: 1rem;
  line-height: 1.2rem;
  color: #797979;
  margin: 0px;
  padding: 0px;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 7px;
}

.darck_blue_btn {
  width: 100%;
  height: 37px;
  background: #30314F;
  border-radius: 10px;
  color: white;
  font-size: 1.2rem;
  border: none;
}

@media screen and (max-width: 768px) {
  .input_name {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 500px){
  .card_item__item-info .card_item__review {
    margin-left: 6px;
    font-size: 12px;
    line-height: 14px;
  }
}

@media screen and (max-width: 430px){
  .card_item__basket {
    width: 26px;
    height: 24px;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.popup .popup__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3960784314);
}
.popup .popup__box_content {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup__content {
  position: relative;
  margin: auto;
  width: 440px;
  height: -moz-max-content;
  height: max-content;
  max-width: 95%;
  background-color: white;
}
.popup .popup__close_btn {
  position: absolute;
  right: 14px;
  top: 12px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.popup .popup__close_btn svg {
  width: 100%;
  height: 100%;
  stroke: black;
}
.popup .popup__container {
  width: 390px;
  max-width: 90%;
  margin: 39px auto 32px;
}
.popup h4 {
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.035em;
  color: #000000;
  margin: 0 auto;
  padding: 0;
}
.popup p {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  color: #000000;
  display: block;
  margin-top: 27px;
}
.popup a {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: 37px auto 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: #30314F;
  text-decoration: underline;
}
.popup form {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.popup form button {
  margin-top: 36px;
  width: 100%;
  height: 39px;
  background-color: #30314F;
  border-radius: 10px;
  border: 1px solid #30314F;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}
.popup form button:hover {
  background-color: white;
  color: #30314F;
}
.popup .popup__input_group {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: block;
  margin-top: 16px;
}
.popup .popup__input_group span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #797979;
  margin-bottom: 7px;
  display: block;
}
.popup .popup__input_group input {
  width: 100%;
  height: 37px;
  left: 30px;
  background: #FFFFFF;
  border: 1px solid #A3A6A7;
  border-radius: 6px;
  font-size: 16px;
  padding-left: 10px;
}
.popup .popup__input_group select {
  width: 100%;
  height: 37px;
  left: 30px;
  background: #FFFFFF;
  border: 1px solid #A3A6A7;
  border-radius: 6px;
  font-size: 16px;
  padding-left: 10px;
}
.popup .popup__input_group textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 159px;
  max-height: 200px;
  background: #FFFFFF;
  border: 1px solid #A3A6A7;
  border-radius: 6px;
  font-size: 16px;
  padding: 10px;
}
.popup .popup__check_group {
  display: flex;
  margin-top: 14px;
}
.popup .popup__check_group input {
  width: 14px;
  height: 14px;
  background: #FFFAFA;
  border: 1px solid #A3A6A7;
}
.popup .popup__check_group span {
  display: block;
  margin-left: 10px;
}
.popup .popup__upload_file {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  display: block;
  margin-top: 10px;
}
.popup .popup__upload_file input {
  display: none;
}
.popup .popup__upload_file span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #797979;
}
.popup .popup__upload_file div {
  margin-top: 8px;
  width: 170px;
  height: 37px;
  background: #30314F;
  border-radius: 10px;
  color: white;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 400px) {
  .popup .popup__content {
    max-width: 95%;
  }
  .popup .popup__close_btn {
    right: 14px;
    top: 12px;
  }
  .popup .popup__container {
    margin: 36px auto 27px;
  }
  .popup h4 {
    font-size: 16px;
    line-height: 19px;
  }
  .popup p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 14px;
  }
  .popup form button {
    margin-top: 26px;
    height: 34px;
    font-size: 14px;
    line-height: 16px;
  }
  .popup .popup__input_group {
    margin-top: 14px;
  }
  .popup .popup__input_group span {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
  }
  .popup .popup__input_group input {
    height: 34px;
    font-size: 14px;
  }
  .popup .popup__input_group select {
    height: 34px;
    font-size: 14px;
  }
  .popup .popup__input_group textarea {
    height: 129px;
    font-size: 16px;
  }
}
#popup__reviews .popup__content .popup__check_group {
  margin: 6px 0px 0px;
  display: flex;
  align-items: center;
}
#popup__reviews .popup__content .popup__check_group input {
  width: 16px;
  height: 17px;
}
#popup__reviews .popup__content .popup__check_group span {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #898989;
}/*# sourceMappingURL=components.css.map */


.row::after{
  display: none!important;
}

.row::before{
  display: none!important;
}

/* ---- auth form ---- */


.bx-authform{
  width: 400px;
  max-width: 90%;
  margin: 8vh auto;
}


.bx-authform .bx-authform-description-container{
  display: none;
}


.bx-authform .bx-authform-content-container{
  text-align: center;
  margin-top: 12px;
}

.bx-authform .bx-authform-note-container{
  text-align: center;
}

.bx-authform .bx-authform-link-container {
  text-align: center;
  
}

.bx-authform .checkbox .bx-filter-param-label{
  display: flex;
  align-items: center;
}

.bx-authform .checkbox .bx-filter-param-label .bx-filter-param-text{
  padding-left: 10px;
}

.bx-authform .bx-title{
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #000000;
}

.bx-authform-formgroup-container{
  width: 100%;
  height: max-content;
  margin-top: 12px;
}

.bx-authform-label-container{
  font-weight: 400;
  font-size: 1rem;
  line-height: 19px;
  color: #797979;
  margin-bottom: 7px;
}

.bx-authform .bx-authform-input-container input{
  width: 100%;
  height: 37px;
  left: 30px;
  top: 107px;
  background: #FFFFFF;
  border: 1px solid #A3A6A7;
  border-radius: 6px;
  font-size: 1rem;
  padding-left: 10px;
}


.bx-authform input[type=submit]{
  width: 100%;
  max-width: 256px;
  display: block;
  height: 37px;
  background: #30314F;
  border-radius: 10px;
  border: none;

  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;

  color: #FFFFFF;

  margin: 25px auto;
}

.bx-authform .bx-authform-link-container{
  font-size: 12px;
  margin-bottom: 0px;
}


.bx-authform input[type=checkbox]{
  width: 20px;
  height: 20px;
  /* margin-top: 10px; */
}


.bx-authform .bx-authform-input-container label{
  display: flex;
}

.bx-authform .main-user-consent-request-announce-link{
  font-size: 12px;
  margin-left: 5px;

}


/* Popup by product */


.popup-window{
  border-radius: 5px;
}

.popup-window-content{

}
.popup-window-content img{
  width: 100%;
  height: max-content;
  object-fit: cover;
}
.popup-window-content p{
  margin-top: 20px;
}

.popup-window-buttons{
  padding: 10px 0px 10px;
}
.popup-window-buttons .btn-default{
  background: #30314F;
  border-radius: 10px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
  color: #FFFFFF;
  height: max-content;
}

/* ------------------------------- */
#favorites_popup_message .btn-default{
  font-size: 12px;
    line-height: 14px;
    /* display: block; */
    width: max-content;
    height: max-content;
    margin: 0 auto;
    box-shadow: none;
    padding: 8px 20px;
}
#favorites_popup_message .btn-redirect{
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  background-color: transparent;
  background: none;
  height: max-content;
  width: max-content;
  max-width: 100%;
  display: inline;
  border: none;
  color: #30314F;
  box-shadow: none;
  -webkit-box-shadow:none;
  border-bottom: 1px solid #30314F;
  padding: 0px;
  margin-left: 20px;
}










/* ----------------------------------- */

#feedbackForm{
  width: 95%;
  max-width: 558px;
  height: max-content;
  background: #FFFFFF;
  border-radius: 0px;
  padding: 0px;
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  right: 0!important;
  margin: auto;
}

#feedbackForm .popup-window-titlebar{
  height: max-content;
}

.feeadback_form__head{
  width: 90%;
  height: max-content;
  margin: 21px auto 0px;
}

.feedbackForm{
  margin-top: 12px;
}

.feeadback_form__head h5{
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #000000;
  text-align: center;
}

.feeadback_form__head p{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #424242;
  margin-top: 20px;
  margin-bottom: 0px;
}

.feedbackForm .popup-window-content{
  background-color: white;
  width: 90%;
  height: max-content;
  margin: 2px auto 0px!important;  
  /* margin: 50px auto 0px!important; */
  padding: 0px;
}

.popup-window-content .invalid{
  border: 1px solid red;
}

.feedbackForm .popup-window-content label{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #797979;
  margin-bottom: 8px;
}


.feedbackForm .popup-window-button {
  margin-top: 10px!important;
}

.feedbackForm .darck_blue_btn{
  width: 90%;
  max-width: 149px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin: 14px auto 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #30314F;
  transition: color, background-color 0.2s;
  box-shadow: none;
  outline: none;
}
.feedbackForm .darck_blue_btn:hover{
  background-color: white!important;
  color: #30314F!important;
}


.feedbackForm_succes {
  text-align: center;
  width: 95%;
  max-width: 558px;
  height: max-content;
  background: #FFFFFF;
  border-radius: 0px;
  padding: 0px;
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  right: 0!important;
  margin: auto;
}

.feedbackForm_succes  h5{
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #000000;
}

.feedbackForm_succes p{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #424242;
  margin-top: 20px;
  margin-bottom: 0px;
}

.feedbackForm_succes .popup-window-content{
  background-color: white;
  width: 90%;
  height: max-content;
  margin: 28px auto 0px;
  padding: 0px;
}

.feedbackForm_succes .popup-window-button {
  margin-top: 20px!important;
}

.feedbackForm_succes .darck_blue_btn{
  width: 90%;
  max-width: 149px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin: 17px auto 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.feedbackForm .input_group_captcha{
  display: flex;
}

.feedbackForm h5{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #797979;
  margin-bottom: 8px;
}

.feedbackForm .input_group_captcha input{
  width: 100%;
  /* width: 60%; */
  border-radius: 6px 0px 0px 6px;
}
.feedbackForm .input_group_captcha img{
  /* width: 100%;
  max-width: 40%; */
  width: max-content;
  height: 100%;
  height: 37px;
  object-fit: contain;
  border-radius: 0px 6px 6px 0px;
  border: 1px solid black;
}


/* ---------------------------- */

#feedbackForm_error_message .popup-window-content{
  display: none!important;
}
#feedbackForm_succes_footer .popup-window-content{
  display: none;
}


.popup-window-with-titlebar{
  text-align: center;
  width: 95%;
  max-width: 558px;
  height: max-content;
  background: #FFFFFF;
  border-radius: 0px;
  padding: 0px;
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  right: 0!important;
  margin: auto;
}

.popup-window-with-titlebar .popup-window-content{
  background-color: white;
  width: 90%;
  height: max-content;
  margin: 28px auto 0px;
  padding: 0px!important;
  text-align: left;
}

.popup-window-with-titlebar .feedbackForm h5{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #797979;
  margin-bottom: 8px;
  text-align: left;
}

.popup-window-with-titlebar .popup-window-content{
  text-align: left;
}

.popup-window .popup-window-titlebar{
  /* padding-top: 30px; */
}

.popup-window-with-titlebar h5{
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #000000;
}
.popup-window-with-titlebar p{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
  color: #424242;
  margin-top: 15px;
  margin-bottom: 0px;
}

.popup-window-with-titlebar .popup-window-button{
  max-width: 200px;
  margin-top: 46px;
  font-size: 1rem;
}


#feedbackForm_footer .popup-window-button{
  margin-top: 10px;
}

.popup-window-with-titlebar .popup-window-titlebar-close-icon{
  top: 5px;
  right: 5px;
}


@media screen and (max-width: 1000px){
  .popup-window-with-titlebar .popup-window-button{
    margin-top: 32px;
  }
}


a:focus,
a:active{
  outline: none
}

/* --------------------------------------- */

.popup_add_to_cart{
  max-width: 450px;
  border-radius: 12px;
}

.popup_add_to_cart .popup-window-titlebar-text{
  font-size: 16px;
  line-height: 20px;
  padding: 0px;
  margin-top: 22px;
  font-weight: 500;
}

.popup_add_to_cart .popup-window-content{
  margin: 8px auto 0px!important;
}

.popup_add_to_cart img{
  object-fit: contain;
  border-radius: 12px;
  max-width: 100%;
  width: auto;
}

.popup_add_to_cart .btn-default{
  background-color: #30314F!important;
  border: 1px solid #30314F!important;
  padding: 7px 12px;
  margin-top: 12px;
  transition: background-color, color 0.2s;
}

.popup_add_to_cart .btn-default:hover{
  background-color: white!important;
  color: #30314F!important;
}


@media screen and (max-width: 450px){
  .popup_add_to_cart .popup-window-titlebar-text{
    font-size: 14px;
    line-height: 16px;
  }
}










/* ----------------------------------------------- */

.custom_loader{
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 400;
  top: 0;
  left: 0;
}
.custom_loader_bg{
  background: #00000025;
  width: 100%;
  height: 100%;
  z-index: 401;
  position: relative;
}


.loader {
  width: 68px;
  height: 68px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 402;

  animation: rotation 1s linear infinite;

}

.loader img{
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 500px){
  .loader{
    width: 48px;
    height: 48px;
  }
}



/* ----------------- */

/* .smart-filter-parameters-box .smart-filter-popup-result a{
  display: none;
} */